<#assign base=request.contextPath>
<!DOCTYPE html> 
<html lang="zh-CN">
	<head>
		<#include "common/reference.ftl"/>
		<style type="text/css">
			@media only screen and (max-width: 960px){
				.login-layout .widget-box{
					position:relative !important;
				}
			}
		</style>
		<script type="text/javascript">
		<!--
			$(function(){
				winResize();
				$(window).resize(winResize);
			});
			
			function winResize(){
				var width = $(window).width();
				var height = $(window).height();
				
				$('#loginImage').width(width);
				$('#loginImage').height(height);
			}
		//-->
		</script>
	</head>
	<body class="${configs["skinName"]} login-layout">
		<div class="main-container">
			<img id="loginImage" src="${base}/resources/img/down_bg.jpg" style="position:absolute;width:100%;top:0;bottom;" />
			<div class="main-content">
				<div class="row">
					<div class="col-lg-6 col-sm-12 col-xs-12">
						<div class="login-container" style="margin-top:100px">
							<div class="position-relative">
								<div class="login-box visible widget-box no-border" style="background:rgba(230, 230, 236, 0.22);">
									<div class="widget-body"  style="background:rgba(255, 255, 255, 0.14);">
										<div class="widget-main" style="background:rgba(45, 16, 17, 0.33);">
											<h4 class="header lighter bigger white">
												用户端下载
											</h4>
											<div class="row">
												<div class="col-sm-6">
													<#if androidClientUrl?exists && androidClientUrl?length gt 0>
													<div style="margin:30px auto;width:100%;">
														<a target="_blank" href="${androidClientUrl}" class="btn btn-lg btn-success" style="display:block;"><i class="fa fa-android"></i>安卓下载</a>
													</div>
													</#if>
													<#if iosClientUrl?exists && iosClientUrl?length gt 0>
													<div style="margin:30px auto;width:100%;">
														<a target="_blank" href="${iosClientUrl}" class="btn btn-lg btn-default" style="display:block;"><i class="fa fa-apple"></i>苹果下载</a>
													</div>
													</#if>
												</div>
												<div class="col-sm-6" style="padding:4px;text-align:center;">
													<img src="${base}/resources/img/qrcode_c.png" width="80%">
													<p>扫一扫下载</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-sm-12 col-xs-12">
						<div class="login-container" style="margin-top:100px">
							<div class="position-relative">
								<div class="login-box visible widget-box no-border" style="background:rgba(230, 230, 236, 0.22);">
									<div class="widget-body"  style="background:rgba(255, 255, 255, 0.14);">
										<div class="widget-main" style="background:rgba(45, 16, 17, 0.33);">
											<h4 class="header lighter bigger white">
												司机端下载
											</h4>
											<div class="row">
												<div class="col-sm-6">
													<#if androidDriverUrl?exists && androidDriverUrl?length gt 0>
													<div style="margin:30px auto;width:100%;">
														<a target="_blank" href="${androidDriverUrl}" class="btn btn-lg btn-success" style="display:block;"><i class="fa fa-android"></i>安卓下载</a>
													</div>
													</#if>
													<#if iosDriverUrl?exists && iosDriverUrl?length gt 0>
													<div style="margin:30px auto;width:100%;">
														<a target="_blank" href="${iosDriverUrl}" class="btn btn-lg btn-default" style="display:block;"><i class="fa fa-apple"></i>苹果下载</a>
													</div>
													</#if>
												</div>
												<div class="col-sm-6" style="padding:4px;text-align:center;">
													<img src="${base}/resources/img/qrcode_d.png" width="80%">
													<p>扫一扫下载</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>